<template>
  <div>
    <el-row :gutter="35">
      <el-form :model="ProposerForm" size="mini" label-width="200px" label-position="left">
        <el-row>
        <el-col :span="5">
          <el-form-item label="商品房预售许可证申请：">
              <el-checkbox label="（一）开发商签名或盖章的预售申请书；" checked disabled></el-checkbox>
              <el-checkbox label="（二）项目负责人身份证明；" checked disabled></el-checkbox>
              <el-checkbox label="（三）土地使用权证；" checked disabled> </el-checkbox>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5">  
          <el-form-item label="商品房预售许可证必要文件：">
              <el-checkbox label="（四）建设用地规划许可证；" checked disabled ></el-checkbox>
              <el-checkbox label="（五）建设工程规划许可证；" checked disabled></el-checkbox>
              <el-checkbox label="（六）施工许可证；" checked disabled></el-checkbox>
          </el-form-item>
        </el-col>
      </el-row>
          <el-row type="flex" justify="start" align="top" :gutter="50">
            <el-col :span="6">
              <el-form-item label-width="70px" label="申请人：" prop="proposerName">
                <el-input v-model="ProposerForm.proposerName" placeholder="请输入姓名" clearable :style="{ width: '100%' }"
                  class="name">
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label-width="170px" label="申请人身份证件号码：" prop="proposerCard">
                <el-input v-model="ProposerForm.proposerCard" placeholder="请输入申请人身份证件号码" clearable
                  :style="{ width: '100%' }"></el-input>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row type="flex" justify="start" align="top" :gutter="50">
            <el-col :span="6">
              <el-form-item label-width="70px" label="代理人：" prop="proxyName">
                <el-input v-model="ProposerForm.proxyName" placeholder="请输入姓名" clearable :style="{ width: '100%' }"
                  class="name">
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label-width="170px" label="代理人身份证件号码：" prop="proxyCard">
                <el-input v-model="ProposerForm.proxyCard" placeholder="请输入代理人身份证件号码" clearable
                  :style="{ width: '100%' }"></el-input>
              </el-form-item>
            </el-col>
          </el-row>


          <el-row type="flex" justify="center" align="top">
            <el-col :span="6">
              <el-form-item label-width="0">
                <el-button type="primary" size="mini" @click="submit"> 受理 </el-button>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label-width="0">
                <el-button type="primary" size="mini" > 取消 </el-button>
              </el-form-item>
            </el-col>
          </el-row>

      </el-form>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      lice:[
        

      ],
      ProposerForm:{},
      check:{
          assignee:"",
        },
      presForm:{},
    };
  },
  methods: {
    submit(){
      this.$axios.post("presell-serv/Licences/add",{ProposerForm:this.ProposerForm,check:this.check}).then(res=>{
        if(res.data.code==200){
          this.$message.success("登记成功");
          this.$router.push("/Datas");
        }else{
          this.$message.error(res.data.message);
        }
      })
    },
  },
  mounted(){
    this.check.assignee=JSON.parse(sessionStorage.getItem("user")).realName;
  }
};
</script>
